{extend name="./tpl/default/mobile/public/layout.html" /}
{block name="header"}
<link rel="stylesheet" href="/public/home/mobile/css/guanjian/anli.css">
<link rel="stylesheet" href="/public/home/mobile/css/guanjian/gonglv.css">
<style>

 .am-thumbnail-caption{
     text-align: center;
 }
 p{
     padding: 0 10px;
 }
 .am-header-default{
     background-color: #fff;
 }
    img{
        text-align: center;
        padding: 0 18px 0 3px;
    }
</style>
{/block}
{block name="head"}
<header data-am-widget="header"
        class="am-header am-header-default">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #989898;"></span>
    </div>

    <h1 class="am-header-title" style="color:#424242;">
        产品内容
    </h1>


</header>
{/block}
{block name="body"}
<div class="gonglv_xq">


    <!--轮播图-->
    <div class="am-g">
        <div class="am-u-sm-12" style="padding-left: 0px;padding: 0px;">
            <div style="background-image: url('{$info.thumb}'); background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 200px;">

            </div>

        </div>
    </div>
    <h2 style="text-align: left;padding:30px 10px;margin: 0px;">{$info.title}</h2>
    <h3 style="text-align: left;margin: 5px 0px;font-size: 14px;color: #989898;font-weight: 200;padding:0px 10px; ">发布时间：{$info.create_time|date='y/m/d',###}</h3>
    <div style="height: 5px;background: #EEEEEE;margin-top: 20px;"></div>
    {$info.content}



    <div class="am-g" style="margin-top: 10px;overflow: hidden;text-align: center;">
        <div style="height: 5px;background: #EEEEEE;margin-top: 20px;"></div>
        <h3 style="text-align: center;font-size: 18px;margin: 0px;padding: 10px 0px;border-bottom: 1px solid #d1d1d1;">推荐阅读</h3>
        {volist name=":cms_list(0,$currentCat['mid'],$currentCat['cid'])" id="vo"}
        <div class="am-g" style="border-bottom:1px solid #d1d1d1;margin:0px;padding: 10px 0px;">
            <div class="am-u-sm-6" style="padding: 0px;">
                <a href="{$vo.url}">
                    <img src="{$vo.thumb}" alt="{$vo.title}" style="width: 53vw;
    height: 38vw; padding: 0 10px;"/>
                </a>
            </div>
            <div class="am-u-sm-6" style="padding-top:60px;">
                <div class="am-g">
                    <div class="am-u-sm-12">
                        <a href="{$vo.url}">
                            <h3 style="margin: 0px; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; padding: 0 10px;">{$vo.title}</h3>
                        </a>
                    </div>
                    <div class="am-u-sm-12" style=" overflow: hidden;
                                                        white-space: nowrap;
                                                        text-overflow: ellipsis; padding: 0 10px;">
                        <a href="{$vo.url}">
                            {$vo.description}
                        </a>
                    </div>
                </div>
            </div>
        </div>
        {/volist}
    </div>

</div>
{/block}
